{% extends "./_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/game.css"> 
{%endblock%}
{% block content %} 
    {% block header%}
        {% set pageHeaderConf = {pageTitle:__("game_page_title"),level:1,active:1} %} 
        {% include "./_base/page_header.html" %} 
    {% endblock %}
<div class="eui-main-container game-main-container">
    <ul class="eui-table-view game-list">
        <li class="eui-table-view-cell">
            <div class="eui-media eui--clearfix">
                <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-body eui--position-rel eui--pull-left">
                    <span class="eui-icon eui-icon-gift_hollow"></span>
                    <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                    <p class="game-type eui--font-26">MMORPG | 111M</p>
                    <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服打响！英雄会武</p>
                </div>
            </div>
            <div class="eui-media-footer">
                <a href="javascript:;" class="eui-btn eui-btn-lg eui--width-100 eui--margin-b-14 eui-btn-primary">{{__("btn_download")}}</a>
                <a href="/product/productDetail" class="eui-btn eui-btn-lg eui--width-100 eui-btn-primary-outlined">{{__("game_special_area")}}</a>
            </div>
        </li>
        <li class="eui-table-view-cell">
            <div class="eui-media eui--clearfix">
                <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-body eui--position-rel eui--pull-left">
                    <span class="eui-icon eui-icon-gift_hollow"></span>
                    <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                    <p class="game-type eui--font-26">MMORPG | 111M</p>
                    <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服打响！英雄会武</p>
                </div>
            </div>
            <div class="eui-media-footer">
                <a href="javascript:;" class="eui-btn eui-btn-lg eui--width-100 eui--margin-b-14 eui-btn-primary">{{__("btn_download")}}</a>
                <a href="/product/productDetail" class="eui-btn eui-btn-lg eui--width-100 eui-btn-primary-outlined">{{__("game_special_area")}}</a>
            </div>
        </li>
         <li class="eui-table-view-cell">
            <div class="eui-media eui--clearfix">
                <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-body eui--position-rel eui--pull-left">
                    <span class="eui-icon eui-icon-gift_hollow"></span>
                    <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                    <p class="game-type eui--font-26">MMORPG | 111M</p>
                    <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服打响！英雄会武</p>
                </div>
            </div>
            <div class="eui-media-footer">
                <a href="javascript:;" class="eui-btn eui-btn-lg eui--width-100 eui--margin-b-14 eui-btn-primary">{{__("btn_download")}}</a>
                <a href="/product/productDetail" class="eui-btn eui-btn-lg eui--width-100 eui-btn-primary-outlined">{{__("game_special_area")}}</a>
            </div>
        </li>
        <li class="eui-table-view-cell">
            <div class="eui-media eui--clearfix">
                <img class="eui-media-object eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-body eui--position-rel eui--pull-left">
                    <span class="eui-icon eui-icon-gift_hollow"></span>
                    <h2 class="game-title eui--font-28 eui--ellipsis">誅仙新馬版</h2>
                    <p class="game-type eui--font-26">MMORPG | 111M</p>
                    <p class="game-desc eui--font-28">《诛仙手游》新马版全新资料片"王者争锋"热血来袭！跨服打响！英雄会武</p>
                </div>
            </div>
            <div class="eui-media-footer">
                <a href="javascript:;" class="eui-btn eui-btn-lg eui--width-100 eui--margin-b-14 eui-btn-primary">{{__("btn_download")}}</a>
                <a href="/product/productDetail" class="eui-btn eui-btn-lg eui--width-100 eui-btn-primary-outlined">{{__("game_special_area")}}</a>
            </div>
        </li>
    </ul>    
</div>
{% block footer%}
{% set footerActiveIndex = 1 %}
{% include "./_base/footer.html" %} 
{% endblock %}
{% endblock %} 
